<template>
  <div>
    <slot v-if="stateShow" name="state"><state /></slot>
    <slot v-if="actionShow" name="action"><action /></slot>
    <slot />
    <slot name="trend"><trend /></slot>
  </div>
</template>

<script>
  import State from './State'
  import Action from './Action'
  import Trend from './Trend'
  export default {
    components: {
      State,
      Action,
      Trend,
    },
    props: {
      stateShow: {
        type: Boolean,
        default() {
          return true
        },
      },
      actionShow: {
        type: Boolean,
        default() {
          return false
        },
      },
      trendShow: {
        type: Boolean,
        default() {
          return false
        },
      },
    },
  }
</script>

<style lang="scss" scoped></style>
